<template>
    <div>
        <slot name="header">
            <div>header 默认值</div>
        </slot>
        <slot name="content" :data="list">
            <div>content 默认值</div>
        </slot>
        <slot name="footer" >
            <div>footer 默认值</div>
        </slot>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                list: [
                    1, 2, 3, 4, 5
                ]
            }
        },
    }
</script>

<style scoped>

</style>